<!-- 底部 -->
<template>
	<c-fixed-bottom background-color="white" :height="useShoppingCart.isShowDelete? deleteHeight: settlementHeight">
		<!-- 结算 -->
		<BottomSettlement v-model:height="settlementHeight"></BottomSettlement>
		<!-- 删除 -->
		<BottomDelete v-model:height="deleteHeight"></BottomDelete>
	</c-fixed-bottom>
</template>

<script setup>
	import { ref } from 'vue';
	import { useShoppingCartStore } from '../store.js';
	import BottomSettlement from './bottom-settlement.vue';
	import BottomDelete from './bottom-delete.vue';
	
	const useShoppingCart = useShoppingCartStore();
	const settlementHeight = ref('0px');
	const deleteHeight = ref('0px');
</script>

<style>
</style>